// 封装icon组件
// 需求: 俩个定制需求
// 一个可以传入名字来适配不同的图标显示
// 一个是点击图标时需要一个回调函数

type Props = {
  type: string // icon的名称
  clickHandler?: () => void // 点击图标的回调 可选
}
const Icon = ({ type, clickHandler }: Props) => {
  return (
    <svg
      className="icon"
      aria-hidden="true"
      onClick={() => clickHandler && clickHandler()}>
      {/* 使用时，只需要将此处的 iconbtn_like_sel 替换为 icon 的名称即可*/}
      <use xlinkHref={`#${type}`}></use>
    </svg>
  )
}

export default Icon
